<template>
  <div class="basic-title">{{ props.title }}</div>
</template>

<script setup name="basic-title">
const props = defineProps({
  title: {
    type: String,
    default: ''
  }
})
</script>

<style lang="scss" scoped>
@import "@/styles/bas.scss";
  .basic-title {
    position: relative;
    width: 100%;
    height: 16px;
    line-height: 16px;
    padding-left: 10px;
    margin-left: 16px;

    &::before {
      content: '';
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      width: 3px;
      height: 100%;
      background-color: $primary-color;
    }
  }
</style>
